<template>
    <div>
        <Breadcrumb :style="{margin: '16px 0'}">
            <BreadcrumbItem>拍卖</BreadcrumbItem>
            <BreadcrumbItem>{{ selectMenu }}</BreadcrumbItem>
        </Breadcrumb>
        <Content :style="{padding: '24px 0', minHeight: '380px', background: '#fff'}">
            <Layout>
                <Sider hide-trigger :style="{background: '#fff'}">
                    <Menu theme="light" active-name="主页" width="auto" @on-select="setSelectMenu">
                        <MenuItem name="主页" to="/BigSaleShow">主页</MenuItem>
                        <MenuItem name="我也想甩卖" to="/BigSaleAdd">我也想甩卖</MenuItem>
                    </Menu>
                </Sider>
                <Content :style="{padding: '24px', minHeight: '580px', background: '#fff'}">
                    <router-view></router-view>
                </Content>
            </Layout>
        </Content>
    </div>
</template>

<script>
    export default {
        name: "BigSaleCenter",
        data(){
            return{
                selectMenu:"主页"
            }
        },
        methods:{
            setSelectMenu(val) {
                this.selectMenu = val
            }
        }
    }
</script>

<style scoped>

</style>